<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>后台首页</title>
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/global.css?v=${timeStamp!''}" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/metroStyle/metroStyle.css" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/datatables.css" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/select2.min.css" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/system/system.css?v=${timeStamp!''}" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/font.css?v=${timeStamp!''}">
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery.validate.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery.ztree.all.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery.dataTables.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/select2.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/task.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/layer/layer.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/public.js?v=${timeStamp!''}"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/service.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/validate.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/home/home.js"></script>
	<script>
		var webroot = '${request.contextPath}';
	</script>
	<style>
		.main_welcome ul{
			padding: 10px;
		}
		.main_welcome ul li{
			display: inline-block;
			box-sizing: border-box;
    		padding: 10px;
		}
		.main_welcome .two_ul>li{
			height:300px;
			width:49%;
			position:relative;
		}
		.main_welcome .two_ul li .echart_wrap{
			height:300px;
			width:100%;
			overflow: auto;
		}
		
		.main_welcome .two_ul li .title{
			    height: 20px;
			    font-family: PingFangSC-Semibold;
			    font-size: 20px;
			    width: 100%;
			    color: rgba(51,48,49,1);
			    text-align: center;
			    margin-bottom: 8px;
		}
		
		.main_welcome .one_ul li{
			height:250px;
			width:99%;
		}
		.main_welcome .pm_wrap{
		    position: absolute;
		    top: 80px;
		    left: 20px;
		    width: 53%;
		    font-size: 14px;
    		color: #666;
		}
		.pm_wrap ul li{
			display:block;
		}
		
	</style>
</head>
<body>
	<div class="main_welcome">
		<ul class="two_ul">
			<li id="ec1">
				<div class="title">服务到期</div>
				<div class="echart_wrap">
					<table id="serviceExpireTables" class="dataTable display" style="white-space:nowrap;">
						<thead>
						 	<tr>
						 		<th>中文名</th>	
						 		<th>英文名</th>
						 		<th>服务名称</th>
						 		<th>服务类型</th>
						 		<th>购买开始日期</th>
						 		<th>购买结束日期</th>
						 		<th>金额</th>
						 		<th>提醒到期天数</th>
						 		<th>操作</th>
						 	</tr>
					 	</thead>
					 	<tbody>
					 	</tbody>
					</table>
				</div>
			</li>
			<li id="ec2">
				<div class="title">计划购买提醒到期</div>
				<div class="echart_wrap">
					<table id="planBuyExpireTables" class="dataTable display" style="white-space:nowrap;">
						<thead>
						 	<tr>
						 		<th>中文名</th>	
						 		<th>英文名</th>
						 		<th>服务名称</th>
						 		<th>服务类型</th>
						 		<th>计划购买时间</th>
						 		<th>提醒时间</th>
						 		<th>提醒到期天数</th>
						 	</tr>
					 	</thead>
					 	<tbody>
					 	</tbody>
					</table>
				</div>
			</li>
		</ul>
		
		<ul class="two_ul">
			<li id="ec3">
				<div class="title">计划购买回访</div>
				<div class="echart_wrap">
					<table id="planBuyReturnTables" class="dataTable display" style="white-space:nowrap;">
						<thead>
						 	<tr>
						 		<th>中文名</th>	
						 		<th>英文名</th>
						 		<th>服务名称</th>
						 		<th>服务类型</th>
						 		<th>计划购买时间</th>
						 		<th>提醒时间</th>
						 		<th>回访次数</th>
						 	</tr>
					 	</thead>
					 	<tbody>
					 	</tbody>
					</table>
				</div>
			</li>
			<li id="ec4">
				<div class="title">会员回访到期</div>
				<div class="echart_wrap">
					<table id="mrExpireTables" class="dataTable display" style="white-space:nowrap;">
						<thead>
						 	<tr>
						 		<th>中文名</th>	
						 		<th>英文名</th>
						 		<th>性别</th>
						 		<th>电话</th>
						 		<th>手机号</th>
						 		<th>家庭电话</th>
						 		<th>工作电话</th>
						 		<th>微信号</th>
						 		<th>回访日期</th>
						 		<th>回访剩余/到期天数</th>
						 		<th>操作</th>
						 	</tr>
					 	</thead>
					 	<tbody>
					 	</tbody>
					</table>
				</div>
			</li>
		</ul>
		
		<ul class="two_ul">
			<li id="ec5">
				<div class="title">会员回访到期</div>
				<div class="echart_wrap">
					<table id="memberRetrunTables" class="dataTable display" style="white-space:nowrap;">
						<thead>
						 	<tr>
						 		<th>中文名</th>	
						 		<th>英文名</th>		
						 		<th>性别</th>
						 		<th>电话</th>
						 		<th>手机号</th>
						 		<th>家庭电话</th>
						 		<th>工作电话</th>
						 		<th>微信号</th>
						 		<th>回访次数</th>
						 	</tr>
					 	</thead>
					 	<tbody>
					 	</tbody>
					</table>
				</div>
			</li>
			<li id="ec6">
				<div class="title">已购项目转股提醒</div>
				<div class="echart_wrap">
					<table id="makeOverExpireTables" class="dataTable display" style="white-space:nowrap;">
						<thead>
						 	<tr>
						 		<th>中文名</th>	
						 		<th>英文名</th>	
						 		<th>性别</th>
						 		<th>电话</th>
						 		<th>手机号</th>
						 		<th>家庭电话</th>
						 		<th>工作电话</th>
						 		<th>微信号</th>
						 		<th>服务名称</th>
						 		<th>转股提醒日期</th>
						 		<th>提醒剩余天数</th>
						 	</tr>
					 	</thead>
					 	<tbody>
					 	</tbody>
					</table>
				</div>
			</li>
		</ul>
	</div>
</body>
</html>